@atlaskit/smart-card 26.27.1 → 26.28.0

package/dist/es2019/utils/mocks.js

@@ -35,6 +35,30 @@ export const mockByUrl = url => {
     }
   };
 };
+const errorResponseData = {
+  '@context': {
+    '@vocab': 'https://www.w3.org/ns/activitystreams#',
+    atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
+    schema: 'http://schema.org/'
+  },
+  '@type': 'Object',
+  name: 'I love cheese',
+  url: 'https://some.url'
+};
+const successfulResponseData = {
+  ...errorResponseData,
+  summary: 'Here is your serving of cheese: 🧀',
+  'schema:potentialAction': {
+    '@id': 'download',
+    '@type': 'DownloadAction',
+    identifier: 'object-provider',
+    name: 'Download'
+  },
+  'atlassian:downloadUrl': 'https://some-download.url',
+  preview: {
+    href: 'https://www.ilovecheese.com'
+  }
+};
 export const mocks = {
   success: {
     meta: {
@@ -44,27 +68,7 @@ export const mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      summary: 'Here is your serving of cheese: 🧀',
-      'schema:potentialAction': {
-        '@id': 'download',
-        '@type': 'DownloadAction',
-        identifier: 'object-provider',
-        name: 'Download'
-      },
-      'atlassian:downloadUrl': 'https://some-download.url',
-      preview: {
-        href: 'https://www.ilovecheese.com'
-      },
-      url: 'https://some.url'
-    }
+    data: successfulResponseData
   },
   notFound: {
     meta: {
@@ -74,16 +78,7 @@ export const mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   forbidden: {
     meta: {
@@ -97,16 +92,7 @@ export const mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   forbiddenWithNoAuth: {
     meta: {
@@ -116,16 +102,7 @@ export const mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   unauthorized: {
     meta: {
@@ -139,16 +116,7 @@ export const mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   unauthorizedWithNoAuth: {
     meta: {
@@ -158,16 +126,7 @@ export const mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   actionSuccess: {
     meta: {
@@ -191,6 +150,27 @@ export const mocks = {
         product: 'spaghetti-product'
       }
     }
+  },
+  withDatasource: {
+    meta: {
+      visibility: 'public',
+      access: 'granted',
+      auth: [],
+      definitionId: 'd1',
+      key: 'object-provider'
+    },
+    data: successfulResponseData,
+    datasources: [{
+      key: 'datasource-jira-issues',
+      parameters: {
+        jql: '(text ~ "test*" OR summary ~ "test*") order by created DESC',
+        cloudId: '16f8b71e'
+      },
+      id: '1234-test-id-321',
+      ari: 'ari:cloud:linking-platform::datasource/1234-test-id-321',
+      description: 'For extracting a list of Jira issues using JQL',
+      name: 'Jira issues'
+    }]
   }
 };
 export const fakeResponse = () => Promise.resolve(mocks.success);

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

@@ -3,7 +3,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { useFeatureFlag } from '@atlaskit/link-provider';
 import { isSpecialEvent } from '../../utils';
 import * as measure from '../../utils/performance';
-import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct } from '../../state/helpers';
+import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct, getCanBeDatasource } from '../../state/helpers';
 import { useSmartLink } from '../../state';
 import { BlockCard } from '../BlockCard';
 import { InlineCard } from '../InlineCard';
@@ -60,6 +60,7 @@ function Component({
   const product = getProduct(state.details);
   const subproduct = getSubproduct(state.details);
   const services = getServices(state.details);
+  const canBeDatasource = getCanBeDatasource(state.details);
   let isFlexibleUi = useMemo(() => isFlexibleUiCard(children), [children]);
   const enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard'));
   const showServerActions = showServerActionsProp && platform !== 'mobile';
@@ -131,10 +132,11 @@ function Component({
         status: state.status,
         id,
         definitionId,
-        extensionKey
+        extensionKey,
+        canBeDatasource
       });
     }
-  }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id]);
+  }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id, canBeDatasource]);
   const onIframeDwell = useCallback((dwellTime, dwellPercentVisible) => {
     analytics.ui.iframeDwelledEvent({
       id,

package/dist/es2019/view/FlexibleCard/components/blocks/preview-block/index.js

@@ -8,19 +8,21 @@ import PreviewBlockResolvedView from './resolved';
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public
- * @param {PreviewBlock} PreviewBlock
+ * @param {PreviewBlockProps} PreviewBlock
  * @see Block
  */
 const PreviewBlock = ({
   status = SmartLinkStatus.Fallback,
   testId = 'smart-block-preview',
+  overrideUrl,
   ...blockProps
 }) => {
   if (status !== SmartLinkStatus.Resolved) {
     return null;
   }
   return jsx(PreviewBlockResolvedView, _extends({}, blockProps, {
-    testId: testId
+    testId: testId,
+    overrideUrl: overrideUrl
   }));
 };
 export default PreviewBlock;

package/dist/es2019/view/FlexibleCard/components/blocks/preview-block/resolved/index.js

@@ -68,6 +68,7 @@ const PreviewBlockResolvedView = ({
   overrideCss,
   placement,
   testId,
+  overrideUrl,
   ...blockProps
 }) => {
   const [styles, setStyles] = useState(overrideCss);
@@ -93,7 +94,8 @@ const PreviewBlockResolvedView = ({
     testId: `${testId}-resolved-view`
   }), jsx(Preview, {
     onError: handleOnError,
-    onLoad: handleOnLoad
+    onLoad: handleOnLoad,
+    overrideUrl: overrideUrl
   }));
 };
 export default PreviewBlockResolvedView;

package/dist/es2019/view/FlexibleCard/components/elements/index.js

@@ -92,7 +92,7 @@ export const OwnedByGroup = createElement(ElementName.OwnedByGroup);
  * Creates a Preview element using the data from Preview in the Flexible UI Context.
  * @see Preview
  */
-export const Preview = createElement(ElementName.Preview);
+export { default as Preview } from './preview';
 /**
  * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
  * @see Badge

package/dist/es2019/view/FlexibleCard/components/elements/preview/index.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+import React, { useContext } from 'react';
+import { jsx } from '@emotion/react';
+import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { MediaType } from '../../../../../constants';
+import Media from '../media';
+const Preview = props => {
+  const {
+    overrideUrl,
+    ...rest
+  } = props !== null && props !== void 0 ? props : {};
+  const context = useContext(FlexibleUiContext);
+  const data = overrideUrl ? {
+    url: overrideUrl,
+    type: MediaType.Image
+  } : context === null || context === void 0 ? void 0 : context.preview;
+  if (!data) {
+    return null;
+  }
+  return jsx(Media, _extends({}, rest, data));
+};
+export default Preview;

package/dist/es2019/view/FlexibleCard/components/elements/preview/types.js

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

package/dist/es2019/view/HoverCard/components/views/resolved/index.js

@@ -10,6 +10,7 @@ import { extractMetadata, elementNamesToItems } from '../../../../../extractors/
 import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { getCanBeDatasource } from '../../../../../state/helpers';
 export const toFooterActions = (cardActions, onActionClick) => {
   const followAction = {
     hideIcon: true,
@@ -56,14 +57,16 @@ const HoverCardResolvedView = ({
   extensionKey
 }) => {
   var _cardState$details;
+  const canBeDatasource = getCanBeDatasource(cardState.details);
   useEffect(() => {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.
     analytics.ui.renderSuccessEvent({
       display: CardDisplay.HoverCardPreview,
-      status: cardState.status
+      status: cardState.status,
+      canBeDatasource
     });
-  }, [analytics.ui, cardState.status]);
+  }, [analytics.ui, cardState.status, canBeDatasource]);
   const footerActions = useMemo(() => toFooterActions(cardActions, onActionClick), [cardActions, onActionClick]);
   const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   const {

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

@@ -8,7 +8,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.27.1",
+  packageVersion: "26.28.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/state/analytics/useSmartLinkAnalytics.js

@@ -346,6 +346,7 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatch
        * @param id The unique ID for this Smart Link.
        * @param definitionId The definitionId of the Smart Link resolver invoked.
        * @param extensionKey The extensionKey of the Smart Link resovler invoked.
+       * @param canBeDatasource An indicator that shows that a smart link can be converted to a datasource
        */
       renderSuccessEvent: function renderSuccessEvent(_ref9) {
         var display = _ref9.display,
@@ -356,7 +357,9 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatch
           resourceType = _ref9.resourceType,
           destinationProduct = _ref9.destinationProduct,
           destinationSubproduct = _ref9.destinationSubproduct,
-          location = _ref9.location;
+          location = _ref9.location,
+          _ref9$canBeDatasource = _ref9.canBeDatasource,
+          canBeDatasource = _ref9$canBeDatasource === void 0 ? false : _ref9$canBeDatasource;
         var experienceId = id ? id : defaultId;
         succeedUfoExperience('smart-link-rendered', experienceId, {
           extensionKey: extensionKey,
@@ -375,7 +378,8 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, _dispatch
           resourceType: resourceType,
           destinationProduct: destinationProduct,
           destinationSubproduct: destinationSubproduct,
-          location: location
+          location: location,
+          canBeDatasource: canBeDatasource
         }), commonAttributes));
       },
       /**

package/dist/esm/state/helpers.js

@@ -55,4 +55,11 @@ export var getStatusDetails = function getStatusDetails(details) {
 };
 export var isFinalState = function isFinalState(status) {
   return ['unauthorized', 'forbidden', 'errored', 'resolved', 'not_found'].indexOf(status) > -1;
+};
+export var getDatasources = function getDatasources(details) {
+  return details === null || details === void 0 ? void 0 : details.datasources;
+};
+export var getCanBeDatasource = function getCanBeDatasource(details) {
+  var datasources = getDatasources(details);
+  return !!datasources && datasources.length > 0;
 };

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

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.27.1"
+  packageVersion: "26.28.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -487,7 +487,8 @@ export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref20) {
     definitionId = _ref20.definitionId,
     destinationProduct = _ref20.destinationProduct,
     destinationSubproduct = _ref20.destinationSubproduct,
-    location = _ref20.location;
+    location = _ref20.location,
+    canBeDatasource = _ref20.canBeDatasource;
   return {
     action: 'renderSuccess',
     actionSubject: 'smartLink',
@@ -499,7 +500,8 @@ export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref20) {
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
       location: location,
-      display: display
+      display: display,
+      canBeDatasource: canBeDatasource
     })
   };
 };

package/dist/esm/utils/mocks.js

@@ -4,9 +4,12 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+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 { CardClient } from '@atlaskit/link-provider';
 export var mockContext = {
   '@vocab': 'https://www.w3.org/ns/activitystreams#',
@@ -44,6 +47,29 @@ export var mockByUrl = function mockByUrl(url) {
     }
   };
 };
+var errorResponseData = {
+  '@context': {
+    '@vocab': 'https://www.w3.org/ns/activitystreams#',
+    atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
+    schema: 'http://schema.org/'
+  },
+  '@type': 'Object',
+  name: 'I love cheese',
+  url: 'https://some.url'
+};
+var successfulResponseData = _objectSpread(_objectSpread({}, errorResponseData), {}, {
+  summary: 'Here is your serving of cheese: 🧀',
+  'schema:potentialAction': {
+    '@id': 'download',
+    '@type': 'DownloadAction',
+    identifier: 'object-provider',
+    name: 'Download'
+  },
+  'atlassian:downloadUrl': 'https://some-download.url',
+  preview: {
+    href: 'https://www.ilovecheese.com'
+  }
+});
 export var mocks = {
   success: {
     meta: {
@@ -53,27 +79,7 @@ export var mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      summary: 'Here is your serving of cheese: 🧀',
-      'schema:potentialAction': {
-        '@id': 'download',
-        '@type': 'DownloadAction',
-        identifier: 'object-provider',
-        name: 'Download'
-      },
-      'atlassian:downloadUrl': 'https://some-download.url',
-      preview: {
-        href: 'https://www.ilovecheese.com'
-      },
-      url: 'https://some.url'
-    }
+    data: successfulResponseData
   },
   notFound: {
     meta: {
@@ -83,16 +89,7 @@ export var mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   forbidden: {
     meta: {
@@ -106,16 +103,7 @@ export var mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   forbiddenWithNoAuth: {
     meta: {
@@ -125,16 +113,7 @@ export var mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   unauthorized: {
     meta: {
@@ -148,16 +127,7 @@ export var mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   unauthorizedWithNoAuth: {
     meta: {
@@ -167,16 +137,7 @@ export var mocks = {
       definitionId: 'd1',
       key: 'object-provider'
     },
-    data: {
-      '@context': {
-        '@vocab': 'https://www.w3.org/ns/activitystreams#',
-        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
-        schema: 'http://schema.org/'
-      },
-      '@type': 'Object',
-      name: 'I love cheese',
-      url: 'https://some.url'
-    }
+    data: errorResponseData
   },
   actionSuccess: {
     meta: {
@@ -200,6 +161,27 @@ export var mocks = {
         product: 'spaghetti-product'
       }
     }
+  },
+  withDatasource: {
+    meta: {
+      visibility: 'public',
+      access: 'granted',
+      auth: [],
+      definitionId: 'd1',
+      key: 'object-provider'
+    },
+    data: successfulResponseData,
+    datasources: [{
+      key: 'datasource-jira-issues',
+      parameters: {
+        jql: '(text ~ "test*" OR summary ~ "test*") order by created DESC',
+        cloudId: '16f8b71e'
+      },
+      id: '1234-test-id-321',
+      ari: 'ari:cloud:linking-platform::datasource/1234-test-id-321',
+      description: 'For extracting a list of Jira issues using JQL',
+      name: 'Jira issues'
+    }]
   }
 };
 export var fakeResponse = function fakeResponse() {

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

@@ -3,7 +3,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { useFeatureFlag } from '@atlaskit/link-provider';
 import { isSpecialEvent } from '../../utils';
 import * as measure from '../../utils/performance';
-import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct } from '../../state/helpers';
+import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct, getCanBeDatasource } from '../../state/helpers';
 import { useSmartLink } from '../../state';
 import { BlockCard } from '../BlockCard';
 import { InlineCard } from '../InlineCard';
@@ -57,6 +57,7 @@ function Component(_ref) {
   var product = getProduct(state.details);
   var subproduct = getSubproduct(state.details);
   var services = getServices(state.details);
+  var canBeDatasource = getCanBeDatasource(state.details);
   var isFlexibleUi = useMemo(function () {
     return isFlexibleUiCard(children);
   }, [children]);
@@ -134,10 +135,11 @@ function Component(_ref) {
         status: state.status,
         id: id,
         definitionId: definitionId,
-        extensionKey: extensionKey
+        extensionKey: extensionKey,
+        canBeDatasource: canBeDatasource
       });
     }
-  }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id]);
+  }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id, canBeDatasource]);
   var onIframeDwell = useCallback(function (dwellTime, dwellPercentVisible) {
     analytics.ui.iframeDwelledEvent({
       id: id,

package/dist/esm/view/FlexibleCard/components/blocks/preview-block/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["status", "testId"];
+var _excluded = ["status", "testId", "overrideUrl"];
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
@@ -10,7 +10,7 @@ import PreviewBlockResolvedView from './resolved';
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public
- * @param {PreviewBlock} PreviewBlock
+ * @param {PreviewBlockProps} PreviewBlock
  * @see Block
  */
 var PreviewBlock = function PreviewBlock(_ref) {
@@ -18,12 +18,14 @@ var PreviewBlock = function PreviewBlock(_ref) {
     status = _ref$status === void 0 ? SmartLinkStatus.Fallback : _ref$status,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
+    overrideUrl = _ref.overrideUrl,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   if (status !== SmartLinkStatus.Resolved) {
     return null;
   }
   return jsx(PreviewBlockResolvedView, _extends({}, blockProps, {
-    testId: testId
+    testId: testId,
+    overrideUrl: overrideUrl
   }));
 };
 export default PreviewBlock;

package/dist/esm/view/FlexibleCard/components/blocks/preview-block/resolved/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["ignoreContainerPadding", "onError", "overrideCss", "placement", "testId"];
+var _excluded = ["ignoreContainerPadding", "onError", "overrideCss", "placement", "testId", "overrideUrl"];
 var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
 import React, { useCallback, useEffect, useState } from 'react';
@@ -49,6 +49,7 @@ var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
     overrideCss = _ref.overrideCss,
     placement = _ref.placement,
     testId = _ref.testId,
+    overrideUrl = _ref.overrideUrl,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(overrideCss),
     _useState2 = _slicedToArray(_useState, 2),
@@ -73,7 +74,8 @@ var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
     testId: "".concat(testId, "-resolved-view")
   }), jsx(Preview, {
     onError: handleOnError,
-    onLoad: handleOnLoad
+    onLoad: handleOnLoad,
+    overrideUrl: overrideUrl
   }));
 };
 export default PreviewBlockResolvedView;