@atlaskit/smart-card 22.0.0 → 22.1.0

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,22 +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({
-          display: 'preview',
-          status: 'resolved',
-          extensionKey: key
-        }));
-      },
-      onOpenFailed: function onOpenFailed(error, errorInfo) {
-        handleAnalytics(uiRenderFailedEvent({
-          display: 'preview',
-          error: error,
-          errorInfo: errorInfo
-        }));
-      },
       onDownloadActionClick: function onDownloadActionClick() {
         handleInvoke(getInvokeOpts(key, 'DownloadAction'));
       },
@@ -97,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.
 

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

@@ -7,9 +7,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { useMemo } from 'react';
 import { getUrl } from '@atlaskit/linking-common';
-import { uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, invokeSucceededEvent as _invokeSucceededEvent, invokeFailedEvent as _invokeFailedEvent, connectSucceededEvent as _connectSucceededEvent, connectFailedEvent as _connectFailedEvent, trackAppAccountConnected, screenAuthPopupEvent, instrumentEvent } from '../../utils/analytics';
+import { connectFailedEvent as _connectFailedEvent, connectSucceededEvent as _connectSucceededEvent, context, instrumentEvent, invokeFailedEvent as _invokeFailedEvent, invokeSucceededEvent as _invokeSucceededEvent, screenAuthPopupEvent, trackAppAccountConnected, uiActionClickedEvent, uiAuthAlternateAccountEvent, uiAuthEvent, uiCardClickedEvent, uiClosedAuthEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiHoverCardViewedEvent, uiRenderFailedEvent, uiRenderSuccessEvent } from '../../utils/analytics';
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
-import { getDefinitionId, getExtensionKey, getResourceType, getSubproduct, getProduct } from '../helpers';
+import { getDefinitionId, getExtensionKey, getProduct, getResourceType, getSubproduct } from '../helpers';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 
 var applyCommonAttributes = function applyCommonAttributes(event, commonAttributes) {
@@ -120,6 +120,21 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchA
         }), commonAttributes));
       },
 
+      /**
+       * This fires an event that represents when a user
+       * click a button.
+       * @param data A partial analytics event payload
+       */
+      buttonClickedEvent: function buttonClickedEvent(data) {
+        return dispatchAnalytics(applyCommonAttributes({
+          action: 'clicked',
+          actionSubject: 'button',
+          actionSubjectId: data.actionSubjectId,
+          attributes: _objectSpread(_objectSpread({}, context), data.attributes),
+          eventType: 'ui'
+        }, commonAttributes));
+      },
+
       /**
        * This fires an event that represents when a user clicks on a Smart Link.
        * @param id The unique ID for this Smart Link.
@@ -251,6 +266,20 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchA
         }), commonAttributes));
       },
 
+      /**
+       * This fires an event that represents when a user close a modal.
+       * @param data A partial analytics event payload
+       */
+      modalClosedEvent: function modalClosedEvent(data) {
+        return dispatchAnalytics(applyCommonAttributes({
+          action: 'closed',
+          actionSubject: 'modal',
+          actionSubjectId: data.actionSubjectId,
+          attributes: _objectSpread(_objectSpread({}, context), data.attributes),
+          eventType: 'ui'
+        }, commonAttributes));
+      },
+
       /**
        * This fires an event that represents when a Smart Link was rendered successfully.
        * Note: this fires even if the Smart Link request errored out.
@@ -615,6 +644,20 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchA
           destinationSubproduct: destinationSubproduct,
           location: location
         })), commonAttributes));
+      },
+
+      /**
+       * This fires an event that represents when a user view a modal.
+       * @param data A partial analytics event payload
+       */
+      modalViewedEvent: function modalViewedEvent(data) {
+        return dispatchAnalytics(applyCommonAttributes({
+          action: 'viewed',
+          actionSubject: data.name,
+          attributes: _objectSpread(_objectSpread({}, context), data.attributes),
+          eventType: 'screen',
+          name: data.name
+        }, commonAttributes));
       }
     };
   }, [commonAttributes, dispatchAnalytics]);

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

@@ -12,7 +12,8 @@ export function useSmartLinkActions(_ref) {
       appearance = _ref.appearance,
       analyticsHandler = _ref.analyticsHandler,
       _ref$platform = _ref.platform,
-      platform = _ref$platform === void 0 ? 'web' : _ref$platform;
+      platform = _ref$platform === void 0 ? 'web' : _ref$platform,
+      origin = _ref.origin;
   var id = useMemo(function () {
     return uuid();
   }, []);
@@ -42,7 +43,8 @@ export function useSmartLinkActions(_ref) {
       handleInvoke: function handleInvoke(opts) {
         return linkActions.invoke(opts, appearance);
       },
-      handleAnalytics: analyticsHandler,
+      analytics: linkAnalytics,
+      origin: origin,
       extensionKey: getExtensionKey(linkState.details),
       source: appearance
     }, undefined, platform);
@@ -59,6 +61,6 @@ export function useSmartLinkActions(_ref) {
       };
     });
     setActions(cardActions);
-  }, [linkState, linkActions, analyticsHandler, appearance, platform, embedModalSize]);
+  }, [linkState, linkActions, linkAnalytics, appearance, platform, embedModalSize, origin]);
   return actions;
 }

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

@@ -388,7 +388,7 @@ export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref14) {
     actionSubject: 'smartLink',
     action: 'renderFailed',
     eventType: 'ui',
-    attributes: {
+    attributes: _objectSpread(_objectSpread({}, context), {}, {
       error: error,
       errorInfo: errorInfo,
       display: display,
@@ -397,7 +397,7 @@ export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref14) {
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
       location: location
-    }
+    })
   };
 };
 export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref15) {

package/dist/esm/utils/mocks.js

@@ -121,6 +121,18 @@ export var mocks = {
     data: {
       status: 'CompletedStatus'
     }
+  },
+  analytics: {
+    status: 'resolved',
+    details: {
+      meta: {
+        definitionId: 'spaghetti-id',
+        key: 'spaghetti-key',
+        resourceType: 'spaghetti-resource',
+        subproduct: 'spaghetti-subproduct',
+        product: 'spaghetti-product'
+      }
+    }
   }
 };
 export var fakeResponse = function fakeResponse() {
@@ -232,4 +244,17 @@ export var waitFor = function waitFor() {
   return new Promise(function (res) {
     return setTimeout(res, time);
   });
+};
+export var mockAnalytics = {
+  ui: {
+    buttonClickedEvent: function buttonClickedEvent() {},
+    modalClosedEvent: function modalClosedEvent() {},
+    renderSuccessEvent: function renderSuccessEvent() {},
+    renderFailedEvent: function renderFailedEvent() {}
+  },
+  operational: {},
+  track: {},
+  screen: {
+    modalViewedEvent: function modalViewedEvent() {}
+  }
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "22.0.0",
+	"version": "22.1.0",
 	"sideEffects": false
 }

package/dist/esm/view/BlockCard/actions/PreviewAction.js

@@ -12,7 +12,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { IntlProvider, FormattedMessage } from 'react-intl-next';
+import { FormattedMessage, IntlProvider } from 'react-intl-next';
 import { messages } from '../../../messages';
 
 /*
@@ -62,9 +62,9 @@ function _previewFunction() {
             ReactDOM.render( /*#__PURE__*/React.createElement(IntlProvider, {
               locale: "en"
             }, /*#__PURE__*/React.createElement(Modal.default, _extends({}, rest, {
-              onClose: function onClose() {
+              onClose: function onClose(context) {
                 if (popupMountPoint) {
-                  _onClose();
+                  _onClose(context);
 
                   ReactDOM.unmountComponentAtNode(popupMountPoint);
                 }

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

@@ -5,7 +5,6 @@ import { extractBlockProps } from '../../extractors/block';
 import { getEmptyJsonLd, getUnauthorizedJsonLd } from '../../utils/jsonld';
 import { extractRequestAccessContext } from '../../extractors/common/context';
 import { CardLinkView } from '../LinkView';
-export { default as PreviewAction } from './actions/PreviewAction';
 import { AuthorizeAction } from './actions/AuthorizeAction';
 import { ForbiddenAction } from './actions/ForbiddenAction';
 import { ResolvedView as BlockCardResolvedView } from './views/ResolvedView';
@@ -15,6 +14,7 @@ import { UnauthorizedView as BlockCardUnauthorisedView } from './views/Unauthori
 import { ForbiddenView as BlockCardForbiddenView } from './views/ForbiddenView';
 import { ErroredView as BlockCardErroredView } from './views/ErroredView';
 import { useFeatureFlag } from '@atlaskit/link-provider';
+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;
@@ -27,7 +27,6 @@ export var BlockCard = function BlockCard(_ref) {
       handleAuthorize = _ref.handleAuthorize,
       handleErrorRetry = _ref.handleErrorRetry,
       handleFrameClick = _ref.handleFrameClick,
-      handleAnalytics = _ref.handleAnalytics,
       handleInvoke = _ref.handleInvoke,
       renderers = _ref.renderers,
       isSelected = _ref.isSelected,
@@ -35,7 +34,8 @@ export var BlockCard = function BlockCard(_ref) {
       onError = _ref.onError,
       testId = _ref.testId,
       showActions = _ref.showActions,
-      platform = _ref.platform;
+      platform = _ref.platform,
+      analytics = _ref.analytics;
   // Actions do not have access to the react tree, so we need to obtain
   // feature flags here where we still can access SmartLinkContext context
   // and pass the flags down to the extractor. See PreviewAction.tsx for details.
@@ -46,8 +46,9 @@ export var BlockCard = function BlockCard(_ref) {
   var data = details && details.data || getEmptyJsonLd();
   var meta = details && details.meta;
   var extractorOpts = {
+    analytics: analytics,
+    origin: 'smartLinkCard',
     featureFlags: featureFlags,
-    handleAnalytics: handleAnalytics,
     handleInvoke: handleInvoke,
     extensionKey: getExtensionKey(details)
   };

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

@@ -182,7 +182,7 @@ export function CardWithUrlContent(_ref) {
         handleErrorRetry: handleRetry,
         handleInvoke: handleInvoke,
         handleFrameClick: handleClickWrapper,
-        handleAnalytics: dispatchAnalytics,
+        analytics: analytics,
         isSelected: isSelected,
         onResolve: onResolve,
         onError: onError,
@@ -200,7 +200,7 @@ export function CardWithUrlContent(_ref) {
         handleErrorRetry: handleRetry,
         handleFrameClick: handleClickWrapper,
         handleInvoke: handleInvoke,
-        handleAnalytics: dispatchAnalytics,
+        analytics: analytics,
         isSelected: isSelected,
         isFrameVisible: isFrameVisible,
         platform: platform,

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

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

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

@@ -0,0 +1,82 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback } from 'react';
+import { EmbedModalSize } from '../../types';
+
+var getResizeFrom = function getResizeFrom(size) {
+  return size === EmbedModalSize.Small ? EmbedModalSize.Large : EmbedModalSize.Small;
+};
+
+var withAnalytics = function withAnalytics(Component) {
+  return function (props) {
+    var analytics = props.analytics,
+        onClose = props.onClose,
+        onOpen = props.onOpen,
+        onOpenFailed = props.onOpenFailed,
+        onResize = props.onResize,
+        origin = props.origin;
+    var handleOnOpen = useCallback(function (context) {
+      analytics.screen.modalViewedEvent({
+        name: 'embedPreviewModal',
+        attributes: {
+          origin: origin,
+          size: context.size
+        }
+      });
+      analytics.ui.renderSuccessEvent({
+        status: 'resolved',
+        display: 'preview'
+      });
+
+      if (onOpen) {
+        onOpen(context);
+      }
+    }, [analytics.screen, analytics.ui, onOpen, origin]);
+    var handleOnOpenFailed = useCallback(function (error, errorInfo) {
+      analytics.ui.renderFailedEvent({
+        display: 'preview',
+        error: error,
+        errorInfo: errorInfo
+      });
+
+      if (onOpenFailed) {
+        onOpenFailed(error, errorInfo);
+      }
+    }, [analytics.ui, onOpenFailed]);
+    var handleOnClose = useCallback(function (context) {
+      analytics.ui.modalClosedEvent({
+        actionSubjectId: 'embedPreview',
+        attributes: {
+          origin: origin,
+          previewTime: context.duration,
+          size: context.size
+        }
+      });
+
+      if (onClose) {
+        onClose(context);
+      }
+    }, [analytics.ui, onClose, origin]);
+    var handleOnResize = useCallback(function (context) {
+      analytics.ui.buttonClickedEvent({
+        actionSubjectId: 'embedPreviewResize',
+        attributes: {
+          newSize: context.size,
+          origin: 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/esm/view/EmbedModal/components/analytics/types.js

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

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

@@ -1,27 +1,22 @@
 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';
 
 var withSizeExperiment = function withSizeExperiment(Component) {
   return function (props) {
     var _props$featureFlags = props.featureFlags,
-        featureFlags = _props$featureFlags === void 0 ? {} : _props$featureFlags,
-        _props$closeLabel = props.closeLabel,
-        closeLabel = _props$closeLabel === void 0 ? 'Close Preview' : _props$closeLabel;
-    var embedModalSize = featureFlags.embedModalSize; // Experiment
+        featureFlags = _props$featureFlags === void 0 ? {} : _props$featureFlags;
+    var size = featureFlags.embedModalSize; // Experiment
 
-    if (embedModalSize === 'large' || embedModalSize === 'small') {
-      var 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);
   };
 };