@atlaskit/smart-card 21.3.0 → 22.1.1

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

@@ -61,7 +61,16 @@ export function CardWithUrlContent({
   }, [state.details, url]);
   const handleClickWrapper = useCallback(event => {
     const isModifierKeyPressed = isSpecialEvent(event);
-    analytics.ui.cardClickedEvent(id, isFlexibleUi ? 'flexible' : appearance, state.status, definitionId, extensionKey, isModifierKeyPressed, undefined, product, subproduct);
+    analytics.ui.cardClickedEvent({
+      id,
+      display: isFlexibleUi ? 'flexible' : appearance,
+      status: state.status,
+      definitionId,
+      extensionKey,
+      isModifierKeyPressed,
+      destinationProduct: product,
+      destinationSubproduct: subproduct
+    });
 
     if (onClick) {
       onClick(event);
@@ -81,7 +90,14 @@ export function CardWithUrlContent({
 
     if (state.status !== 'pending') {
       measure.create(id, state.status);
-      analytics.operational.instrument(id, state.status, definitionId, extensionKey, resourceType, state.error);
+      analytics.operational.instrument({
+        id,
+        status: state.status,
+        definitionId,
+        extensionKey,
+        resourceType,
+        error: state.error
+      });
     }
   }, [id, appearance, state.status, state.error, definitionId, extensionKey, resourceType, analytics.operational]); // NB: once the smart-card has rendered into an end state, we capture
   // this as a successful render. These can be one of:
@@ -90,7 +106,13 @@ export function CardWithUrlContent({
 
   useEffect(() => {
     if (isFinalState(state.status)) {
-      analytics.ui.renderSuccessEvent(appearance, state.status, id, definitionId, extensionKey);
+      analytics.ui.renderSuccessEvent({
+        display: appearance,
+        status: state.status,
+        id,
+        definitionId,
+        extensionKey
+      });
     }
   }, [appearance, state.status, url, definitionId, extensionKey, analytics.ui, id]);
 
@@ -154,7 +176,7 @@ export function CardWithUrlContent({
         handleErrorRetry: handleRetry,
         handleInvoke: handleInvoke,
         handleFrameClick: handleClickWrapper,
-        handleAnalytics: dispatchAnalytics,
+        analytics: analytics,
         isSelected: isSelected,
         onResolve: onResolve,
         onError: onError,
@@ -172,7 +194,7 @@ export function CardWithUrlContent({
         handleErrorRetry: handleRetry,
         handleFrameClick: handleClickWrapper,
         handleInvoke: handleInvoke,
-        handleAnalytics: dispatchAnalytics,
+        analytics: analytics,
         isSelected: isSelected,
         isFrameVisible: isFrameVisible,
         platform: platform,

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

@@ -68,7 +68,12 @@ export function CardWithURLRenderer(props) {
       const errorInfo = {
         componentStack
       };
-      analytics.ui.renderFailedEvent(appearance, id, error, errorInfo);
+      analytics.ui.renderFailedEvent({
+        display: appearance,
+        id,
+        error,
+        errorInfo
+      });
     }
   }, [analytics.ui, appearance, id]);
 

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

@@ -22,7 +22,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
   handleAuthorize,
   handleErrorRetry,
   handleFrameClick,
-  handleAnalytics,
+  analytics,
   handleInvoke,
   showActions,
   isSelected,
@@ -79,7 +79,8 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
         }
 
         const resolvedBlockViewProps = extractBlockProps(data, meta, {
-          handleAnalytics,
+          analytics,
+          origin: 'smartLinkEmbed',
           handleInvoke,
           extensionKey: getExtensionKey(details)
         });

package/dist/es2019/view/EmbedModal/components/analytics/index.js

@@ -0,0 +1,80 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback } from 'react';
+import { EmbedModalSize } from '../../types';
+
+const getResizeFrom = size => size === EmbedModalSize.Small ? EmbedModalSize.Large : EmbedModalSize.Small;
+
+const withAnalytics = Component => props => {
+  const {
+    analytics,
+    onClose,
+    onOpen,
+    onOpenFailed,
+    onResize,
+    origin
+  } = props;
+  const handleOnOpen = useCallback(context => {
+    analytics.screen.modalViewedEvent({
+      name: 'embedPreviewModal',
+      attributes: {
+        origin,
+        size: context.size
+      }
+    });
+    analytics.ui.renderSuccessEvent({
+      status: 'resolved',
+      display: 'preview'
+    });
+
+    if (onOpen) {
+      onOpen(context);
+    }
+  }, [analytics.screen, analytics.ui, onOpen, origin]);
+  const handleOnOpenFailed = useCallback((error, errorInfo) => {
+    analytics.ui.renderFailedEvent({
+      display: 'preview',
+      error,
+      errorInfo
+    });
+
+    if (onOpenFailed) {
+      onOpenFailed(error, errorInfo);
+    }
+  }, [analytics.ui, onOpenFailed]);
+  const handleOnClose = useCallback(context => {
+    analytics.ui.modalClosedEvent({
+      actionSubjectId: 'embedPreview',
+      attributes: {
+        origin,
+        previewTime: context.duration,
+        size: context.size
+      }
+    });
+
+    if (onClose) {
+      onClose(context);
+    }
+  }, [analytics.ui, onClose, origin]);
+  const handleOnResize = useCallback(context => {
+    analytics.ui.buttonClickedEvent({
+      actionSubjectId: 'embedPreviewResize',
+      attributes: {
+        newSize: context.size,
+        origin,
+        previousSize: getResizeFrom(context.size)
+      }
+    });
+
+    if (onResize) {
+      onResize(context);
+    }
+  }, [analytics.ui, onResize, origin]);
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+    onClose: handleOnClose,
+    onOpen: handleOnOpen,
+    onOpenFailed: handleOnOpenFailed,
+    onResize: handleOnResize
+  }));
+};
+
+export default withAnalytics;

package/dist/es2019/view/EmbedModal/components/analytics/types.js

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

package/dist/es2019/view/EmbedModal/components/size-experiment/index.js

@@ -1,28 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Modal from '../../../common/Modal';
-import { MAX_MODAL_SIZE, MIN_MODAL_SIZE } from '../../constants';
+import { EmbedModalSize } from '../../types';
 
 const withSizeExperiment = Component => props => {
   const {
-    featureFlags = {},
-    closeLabel = 'Close Preview'
+    featureFlags = {}
   } = props;
   const {
-    embedModalSize
+    embedModalSize: size
   } = featureFlags; // Experiment
 
-  if (embedModalSize === 'large' || embedModalSize === 'small') {
-    const size = embedModalSize === 'large' ? MAX_MODAL_SIZE : MIN_MODAL_SIZE;
+  if (size === EmbedModalSize.Large || size === EmbedModalSize.Small) {
     return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
       size: size
     }));
   } // Control
 
 
-  return /*#__PURE__*/React.createElement(Modal, _extends({}, props, {
-    closeLabel: closeLabel
-  }));
+  return /*#__PURE__*/React.createElement(Modal, props);
 };
 
 export default withSizeExperiment;

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

@@ -1,10 +1,16 @@
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useRef, useState } from 'react';
 import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
 import LinkInfo from './components/link-info';
 import { MAX_MODAL_SIZE, MIN_MODAL_SIZE } from './constants';
 import EmbedContent from './components/embed-content';
+import { EmbedModalSize } from './types';
 import withErrorBoundary from './components/error-boundary';
 import withSizeExperiment from './components/size-experiment';
+import withAnalytics from './components/analytics';
+
+const toSize = width => width === MAX_MODAL_SIZE ? EmbedModalSize.Large : EmbedModalSize.Small;
+
+const toWidth = size => size === EmbedModalSize.Large ? MAX_MODAL_SIZE : MIN_MODAL_SIZE;
 
 const EmbedModal = ({
   download: downloadUrl,
@@ -14,37 +20,64 @@ const EmbedModal = ({
   onClose,
   onDownloadActionClick,
   onOpen,
+  onResize,
   onViewActionClick,
   providerName,
   showModal,
-  size: defaultSize = MIN_MODAL_SIZE,
+  size = EmbedModalSize.Small,
   src,
   testId = 'smart-embed-preview-modal',
   title,
   url
 }) => {
+  const defaultWidth = toWidth(size);
   const [isOpen, setIsOpen] = useState(showModal);
-  const [size, setSize] = useState(defaultSize);
+  const [width, setWidth] = useState(defaultWidth);
+  const openAt = useRef();
+  const handleOnOpenComplete = useCallback(() => {
+    openAt.current = Date.now();
+
+    if (onOpen) {
+      onOpen({
+        size
+      });
+    }
+  }, [onOpen, size]);
   const handleOnClose = useCallback(() => setIsOpen(false), []);
-  const handleOnSizeClick = useCallback(() => {
-    const newSize = size === MIN_MODAL_SIZE ? MAX_MODAL_SIZE : MIN_MODAL_SIZE;
-    setSize(newSize);
-  }, [size]);
+  const handleOnCloseComplete = useCallback(() => {
+    if (onClose) {
+      const duration = openAt.current ? Date.now() - openAt.current : undefined;
+      onClose({
+        duration,
+        size: toSize(width)
+      });
+    }
+  }, [onClose, width]);
+  const handleOnResizeClick = useCallback(() => {
+    const newWidth = width === MIN_MODAL_SIZE ? MAX_MODAL_SIZE : MIN_MODAL_SIZE;
+    setWidth(newWidth);
+
+    if (onResize) {
+      onResize({
+        size: toSize(newWidth)
+      });
+    }
+  }, [onResize, width]);
   return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog, {
     height: "100%",
     onClose: handleOnClose,
-    onCloseComplete: onClose,
-    onOpenComplete: onOpen,
+    onCloseComplete: handleOnCloseComplete,
+    onOpenComplete: handleOnOpenComplete,
     testId: testId,
-    width: size
+    width: width
   }, /*#__PURE__*/React.createElement(LinkInfo, {
     downloadUrl: downloadUrl,
     icon: icon,
     providerName: providerName,
     onViewButtonClick: onViewActionClick,
     onDownloadButtonClick: onDownloadActionClick,
-    onResizeButtonClick: handleOnSizeClick,
-    size: size,
+    onResizeButtonClick: handleOnResizeClick,
+    size: width,
     title: title,
     testId: testId,
     url: url
@@ -56,4 +89,4 @@ const EmbedModal = ({
   }))));
 };
 
-export default withSizeExperiment(withErrorBoundary(EmbedModal));
+export default withSizeExperiment(withAnalytics(withErrorBoundary(EmbedModal)));

package/dist/es2019/view/EmbedModal/types.js

@@ -1 +1,6 @@
-export {};
+export let EmbedModalSize;
+
+(function (EmbedModalSize) {
+  EmbedModalSize["Large"] = "large";
+  EmbedModalSize["Small"] = "small";
+})(EmbedModalSize || (EmbedModalSize = {}));

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -43,7 +43,11 @@ export const HoverCardComponent = ({
     //Check its previously open to avoid firing events when moving between the child and hover card components
     if (isOpen === true && cardOpenTime.current) {
       const hoverTime = Date.now() - cardOpenTime.current;
-      analytics.ui.hoverCardDismissedEvent('card', hoverTime, 'mouse_hover');
+      analytics.ui.hoverCardDismissedEvent({
+        previewDisplay: 'card',
+        hoverTime,
+        previewInvokeMethod: 'mouse_hover'
+      });
     }
 
     setIsOpen(false);
@@ -66,7 +70,10 @@ export const HoverCardComponent = ({
       //Check if its previously closed to avoid firing events when moving between the child and hover card components
       if (isOpen === false) {
         cardOpenTime.current = Date.now();
-        analytics.ui.hoverCardViewedEvent(hoverDisplay, invokeMethod);
+        analytics.ui.hoverCardViewedEvent({
+          previewDisplay: hoverDisplay,
+          previewInvokeMethod: invokeMethod
+        });
       } //If these are undefined then popupOffset is undefined and we fallback to default bottom-start placement
 
 
@@ -84,7 +91,8 @@ export const HoverCardComponent = ({
   const linkActions = useSmartLinkActions({
     url,
     appearance: SMART_CARD_ANALYTICS_DISPLAY,
-    analyticsHandler
+    analyticsHandler,
+    origin: 'smartLinkPreviewHoverCard'
   });
   const onActionClick = useCallback(actionId => {
     if (actionId === 'preview-content') {

package/dist/es2019/view/HoverCard/components/HoverCardContent.js

@@ -25,7 +25,9 @@ export const getOpenAction = (url, analytics, onActionClick) => ({
     }
 
     window.open(url, '_blank');
-    analytics.ui.hoverCardOpenLinkClickedEvent('card');
+    analytics.ui.hoverCardOpenLinkClickedEvent({
+      previewDisplay: 'card'
+    });
   },
   testId: 'hover-card-open-button'
 });
@@ -61,13 +63,22 @@ const HoverCardContent = ({
   useEffect(() => {
     // Since hover preview only render on resolved status,
     // there is no need to check for statuses.
-    analytics.ui.renderSuccessEvent(SMART_CARD_ANALYTICS_DISPLAY, cardState.status);
+    analytics.ui.renderSuccessEvent({
+      display: SMART_CARD_ANALYTICS_DISPLAY,
+      status: cardState.status
+    });
   }, [analytics.ui, cardState.status]);
   const extensionKey = useMemo(() => getExtensionKey(cardState.details), [cardState.details]);
   const onClick = useCallback(event => {
     const isModifierKeyPressed = isSpecialEvent(event);
-    analytics.ui.cardClickedEvent(undefined, SMART_CARD_ANALYTICS_DISPLAY, cardState.status, undefined, undefined, isModifierKeyPressed, undefined, undefined, undefined, 'titleGoToLink');
-  }, [cardState.status, analytics.ui]);
+    analytics.ui.cardClickedEvent({
+      id,
+      display: SMART_CARD_ANALYTICS_DISPLAY,
+      status: cardState.status,
+      isModifierKeyPressed,
+      actionSubjectId: 'titleGoToLink'
+    });
+  }, [cardState.status, analytics.ui, id]);
   const titleActions = useMemo(() => [getOpenAction(url, analytics, onActionClick)], [url, analytics, onActionClick]);
   const footerActions = useMemo(() => toFooterActions(cardActions, onActionClick), [cardActions, onActionClick]);
   const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;

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

@@ -22,7 +22,12 @@ const HoverCardWithErrorBoundary = props => {
   }, [createAnalyticsEvent]);
   const analytics = useSmartLinkAnalytics(url, analyticsHandler, id);
   const onError = useCallback((error, info) => {
-    analytics.ui.renderFailedEvent(SMART_CARD_ANALYTICS_DISPLAY, id, error, info);
+    analytics.ui.renderFailedEvent({
+      display: SMART_CARD_ANALYTICS_DISPLAY,
+      id,
+      error,
+      errorInfo: info
+    });
   }, [analytics.ui, id]);
   return jsx(ErrorBoundary, {
     fallback: children,

package/dist/es2019/view/InlineCard/IconAndTitleLayout/styled.js

@@ -64,14 +64,12 @@ export const LozengeWrapper = styled.span`
   vertical-align: 1px;
   & > span {
     margin-left: 4px;
-    padding: 2px 0 2px 0;
   }
 `; // TODO: Replace overrides with proper AtlasKit solution.
 
 export const LozengeBlockWrapper = styled.span`
   & > span {
     margin-left: 4px;
-    padding: 2px 0 2px 0;
   }
 `;
 export const RightIconPositionWrapper = styled.span`

package/dist/es2019/view/common/Modal.js

@@ -14,10 +14,12 @@ manually passed to your custom components.
 
 For a complete guide on customization using the new compositional API, refer to the docs at
 https://atlassian.design/components/modal-dialog/examples#customizing-modal-dialog. */
-import React, { useState } from 'react';
-import ModalDialog, { ModalTransition, ModalBody } from '@atlaskit/modal-dialog';
+import React, { useCallback, useRef, useState } from 'react';
+import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
 import { Header } from './ModalHeader';
 import { getIframeSandboxAttribute } from '../../utils';
+import withAnalytics from '../EmbedModal/components/analytics';
+import { EmbedModalSize } from '../EmbedModal/types';
 const iframeStyles = {
   width: `100%`,
   height: 'calc(100vh - 248px)'
@@ -45,7 +47,7 @@ const Modal = ({
   providerName,
   metadata,
   icon,
-  closeLabel,
+  closeLabel = 'Close Preview',
   iframeName,
   title,
   url,
@@ -56,16 +58,35 @@ const Modal = ({
   onDownloadActionClick
 }) => {
   let [isOpen, setIsOpen] = useState(showModal);
+  const openAt = useRef();
+  const handleOnOpenComplete = useCallback(() => {
+    openAt.current = Date.now();
+
+    if (onOpen) {
+      onOpen({
+        size: EmbedModalSize.Small
+      });
+    }
+  }, [onOpen]);
+  const handleOnCloseComplete = useCallback(() => {
+    if (onClose) {
+      const duration = openAt.current ? Date.now() - openAt.current : undefined;
+      onClose({
+        duration,
+        size: EmbedModalSize.Small
+      });
+    }
+  }, [onClose]);
   const sandbox = getIframeSandboxAttribute(isTrusted);
   return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog, {
     height: "100%",
     width: "large",
     testId: testId,
-    onOpenComplete: onOpen,
+    onOpenComplete: handleOnOpenComplete,
     onClose: () => {
       setIsOpen(false);
     },
-    onCloseComplete: onClose
+    onCloseComplete: handleOnCloseComplete
   }, /*#__PURE__*/React.createElement(Header, {
     providerName: providerName,
     icon: icon,
@@ -91,4 +112,4 @@ const Modal = ({
   }))));
 };
 
-export default ModalWithErrorBoundary;
+export default withAnalytics(ModalWithErrorBoundary);

package/dist/es2019/view/common/ModalHeader.js

@@ -74,7 +74,7 @@ export const Header = ({
     testId: "preview-view-action",
     iconAfter: jsx(ShortcutIcon, {
       size: "small",
-      label: "go to source"
+      label: ""
     }),
     onClick: onViewActionClick
   }, providerName ? jsx(F, null, jsx(FormattedMessage, messages.viewIn), " ", providerName) : jsx(FormattedMessage, messages.viewOriginal)), jsx(Button, {
@@ -82,6 +82,7 @@ export const Header = ({
     iconBefore: jsx(EditorCloseIcon, {
       label: label
     }),
-    onClick: onClose
+    onClick: onClose,
+    testId: "preview-close-button"
   }))));
 };

package/dist/esm/extractors/block/index.js

@@ -37,14 +37,13 @@ var extractBlockDetails = function extractBlockDetails(jsonLd) {
 
 export var extractBlockActions = function extractBlockActions(props, jsonLd, opts, platform) {
   if (opts) {
-    var featureFlags = opts.featureFlags,
-        handleInvoke = opts.handleInvoke,
-        handleAnalytics = opts.handleAnalytics,
-        extensionKey = opts.extensionKey,
-        source = opts.source,
-        testId = opts.testId;
+    var handleInvoke = opts.handleInvoke;
     var actions = extractActions(jsonLd, handleInvoke);
-    var previewAction = extractPreviewAction(extensionKey, props, jsonLd, handleInvoke, handleAnalytics, testId, platform, source, featureFlags); // The previewAction should always be the last action
+    var previewAction = extractPreviewAction(_objectSpread(_objectSpread({}, opts), {}, {
+      viewProps: props,
+      jsonLd: jsonLd,
+      platform: platform
+    })); // The previewAction should always be the last action
 
     if (previewAction) {
       actions.push(previewAction);

package/dist/esm/extractors/common/actions/extractPreviewAction.js

@@ -4,9 +4,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { uiRenderSuccessEvent, uiRenderFailedEvent } from '../../../utils/analytics';
 import { extractDownloadUrl } from '../detail';
-import { extractProvider, extractPreview } from '@atlaskit/linking-common/extractors';
+import { extractPreview, extractProvider } from '@atlaskit/linking-common/extractors';
 import { PreviewAction } from '../../../view/BlockCard';
 
 var getMetadataFromJsonLd = function getMetadataFromJsonLd(jsonLd, platform) {
@@ -51,16 +50,19 @@ var getInvokeOpts = function getInvokeOpts(key, action, source) {
   };
 };
 
-export var extractPreviewAction = function extractPreviewAction() {
-  var extensionKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'empty-object-provider';
-  var viewProps = arguments.length > 1 ? arguments[1] : undefined;
-  var jsonLd = arguments.length > 2 ? arguments[2] : undefined;
-  var handleInvoke = arguments.length > 3 ? arguments[3] : undefined;
-  var handleAnalytics = arguments.length > 4 ? arguments[4] : undefined;
-  var testId = arguments.length > 5 ? arguments[5] : undefined;
-  var platform = arguments.length > 6 ? arguments[6] : undefined;
-  var source = arguments.length > 7 ? arguments[7] : undefined;
-  var featureFlags = arguments.length > 8 ? arguments[8] : undefined;
+export var extractPreviewAction = function extractPreviewAction(_ref) {
+  var _ref$extensionKey = _ref.extensionKey,
+      extensionKey = _ref$extensionKey === void 0 ? 'empty-object-provider' : _ref$extensionKey,
+      viewProps = _ref.viewProps,
+      jsonLd = _ref.jsonLd,
+      handleInvoke = _ref.handleInvoke,
+      testId = _ref.testId,
+      platform = _ref.platform,
+      origin = _ref.origin,
+      _ref$source = _ref.source,
+      source = _ref$source === void 0 ? 'block' : _ref$source,
+      featureFlags = _ref.featureFlags,
+      analytics = _ref.analytics;
   // Extract metadata from view props & raw JSON-LD.
   var metadataFromJsonLd = getMetadataFromJsonLd(jsonLd, platform);
   var metadataFromViewProps = getMetadataFromResolvedProps(viewProps);
@@ -72,14 +74,10 @@ export var extractPreviewAction = function extractPreviewAction() {
     // Build action using instrumentation hooks.
     var key = extensionKey;
     var previewAction = PreviewAction(_objectSpread(_objectSpread({}, metadata), {}, {
+      analytics: analytics,
+      origin: origin,
       featureFlags: featureFlags,
       testId: testId,
-      onOpen: function onOpen() {
-        handleAnalytics(uiRenderSuccessEvent('preview', 'resolved', key));
-      },
-      onOpenFailed: function onOpenFailed(error, errorInfo) {
-        handleAnalytics(uiRenderFailedEvent('preview', error, errorInfo));
-      },
       onDownloadActionClick: function onDownloadActionClick() {
         handleInvoke(getInvokeOpts(key, 'DownloadAction'));
       },
@@ -89,7 +87,7 @@ export var extractPreviewAction = function extractPreviewAction() {
     })); // Setup props to go through proper Redux 'invocation' flow
     // for analytics, further state management if required in future.
 
-    var previewActionProps = getInvokeOpts(key, 'PreviewAction', source !== null && source !== void 0 ? source : 'block'); // - Promise invoked by the action invocation handler; open preview.
+    var previewActionProps = getInvokeOpts(key, 'PreviewAction', source); // - Promise invoked by the action invocation handler; open preview.
 
     previewActionProps.action.promise = previewAction.promise; // - Promise invoked on click of `Preview` on block card; trigger above promise.